var path=require('path')
var HtmlWebpackPlugin=require('./node_modules/html-webpack-plugin')
const VueLoaderPlugin = require('./node_modules/vue-loader/lib/plugin')

module.exports={
  entry:path.join(__dirname,'./src/main.js'),//入口文件
  output:{
    path:path.join(__dirname,'./dist'),
    filename:'bundle.js'
  },
  plugins: [ // 所有webpack  插件的配置节点
    new HtmlWebpackPlugin({
      template: path.join(__dirname, './src/index.html'), // 指定模板文件路径
      filename: 'index.html' // 设置生成的内存页面的名称
    }),
    new VueLoaderPlugin()
  ],
  module:{
    rules:[
      {test: /\.css$/,use:['style-loader','css-loader']},
      {test: /\.less$/,use:['style-loader','css-loader','less-loader']},
      {test: /\.scss$/,use:['style-loader','css-loader','sass-loader']},
      { test: /\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader?limit=10000&name=[hash:8]-[name].[ext]' },
      { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' }, // 处理 字体文件的 loader 
      { test: /\.js$/,use:'babel-loader',exclude: /node_modules/}, //处理字体文件
      { test: /\.vue$/, use: 'vue-loader' } // 处理 .vue 文件的 loader
    ]
  },
  resolve: {
    alias: {//修改 Vue 被导入时候的包的路径
      // "vue$": "vue/dist/vue.js"
    }
  }
}